{extend name="public/base" /}
{block name="css"}
<style>

  .container-fluid {
    background-image: url("https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/BJ.png");
    background-size: contain;
    background-color: #7d1d20;
  }

  .mx-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .mt40 {
    margin-top: 40px;
  }

  .mt30 {
    margin-top: 30px;
  }

  .mb30 {
    margin-bottom: 30px;
  }

</style>
{/block}
{block name="main"}
<section class="container-fluid main-container">
  <img alt="" class="img-fluid" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/banner.png">

  <div class="mx-auto" style="max-width: 1200px">
    <img alt="" class="img-fluid" style="margin-top: -50px;width: 55%" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/Title1.png">
    <img alt="" class="img-fluid mt40" style="width: 80%" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/1.png">

    <img alt="" class="img-fluid mt30" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/Title2.png">
    <img alt="" class="img-fluid mt40" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/2.png">

    <img alt="" class="img-fluid mt30" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/Title3.png">
    <img alt="" class="img-fluid mt40" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/3.png">

    <img alt="" class="img-fluid mt30" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/Title4.png">
    <img alt="" class="img-fluid mt40" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/4.png">

    <img alt="" class="img-fluid mt30" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/Title5.png">
    <img alt="" class="img-fluid mt40" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/5.png">

    <img alt="" class="img-fluid mt30 mb30" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/activities/act202001/pc/tips.png">

  </div>
</section>
{/block}
{block name="js"}
<script>

</script>
{/block}